<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.header-box {
				width: 16rem;
				height: 1.7rem;
				padding: 0.5rem 1rem;
				border-bottom: 1px solid #cccccc;
			}
			
			.header-box div {
				width: 13.8rem;
				height: 1.7rem;
				line-height: 1.7rem;
				padding-left: 1.3rem;
				padding-right: 0.9rem;
				background: #f0f0f0;
				border-radius: 5px;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
			.header-box div input {
				width: 12rem;
				height: 100%;
				font-size: 0.65rem;
				color: #999999;
			}
			
			.header-box div i {
				color: #f24046;
				font-size: 0.8rem;
			}
			
			.list {
				width: 18rem;
			}
			
			.list li .div {
				width: 17rem;
				height: 2.75rem;
				padding: 0 0.5rem;
				border-bottom: 1px solid #cccccc;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
			.list li .div div {
				height: 2.75rem;
				line-height: 2.75rem;
				font-size: 0.75rem;
				color: #333333;
			}
			
			.list li .div div img {
				width: 1.15rem;
				vertical-align: middle;
				margin-right: 0.6rem;
			}
			
			.list li i {
				font-size: 1rem;
			}
			
			.list li section {
				width: 18rem;
				height: 3.275rem;
				background: #eee;
				display: none;
			}
			
			.list li p {
				width: 18rem;
				height: 3.275rem;
				display: flex;
				justify-content: space-around;
				align-items: center;
			}
			
			.list li p span {
				font-size: 0.7rem;
				color: #a5a5a5;
			}
		</style>
	</head>

	<body>
		<div class="header-box">
			<div>
				<input type="text" placeholder="搜索" ng-model="sou" />
				<i class="fa fa-fw fa-search"></i>
			</div>
		</div>
		<ul class="list">
			<li ng-repeat="item in obj.faxian | filter:sou" ng-click="show($index)">
				<div class="div">
					<div>
						<img ng-src="{{item.img}}" alt="" />
						<span>{{item.span}}</span>
					</div>
					<i class="fa fa-fw fa-angle-up"></i>
				</div>
				<section>
					<p>
						<span ng-repeat="list in item.list">{{list}}</span>
					</p>
				</section>
			</li>
		</ul>
	</body>

</html>